{header}
<div id="wide" class="box"><div class="bbt"><div class="bbb"><div class="bbl"><div class="bbr"><div class="bbtl"><div class="bbtr"><div class="bbbl"><div class="bbbr">

<script Language="JavaScript" type="text/javascript">
	function skipPhotoUpload(){
		parent.location.href='{url_main}join3.php?cmd=skip';
	}
  function onValidateUploadPhotoForm() {
    var form = document.forms['UploadPhotoForm'];
    if (!(validateRequiredField(form['photo_file'], '{l_file_location}'))) {
      return false;
    }
    if (!(validateRequiredField(form['photo_name'], '{l_photo_name}'))) {
      return false;
    }
    if (!(validateMaxLength(form['photo_name'], '{l_photo_name}','10'))) {
      return false;
    }
    if (!(validateRequiredField(form['description'], '{l_photo_description}'))) {
      return false;
    }
    if (!(validateMaxLength(form['description'], '{l_photo_description}','100'))) {
      return false;
    }
    return true;
  }
  function validateUploadPhotoForm() {
    blockSubmission = true;
     if (typeof beforeUploadPhotoFormValidation != 'undefined') {
       beforeUploadPhotoFormValidation();
    }
    var validated = onValidateUploadPhotoForm();
    if (validated && (typeof uponSuccessfulUploadPhotoFormValidation != 'undefined')) {
      validated = uponSuccessfulUploadPhotoFormValidation();
    }
    else if (!validated && (typeof uponUnsuccessfulUploadPhotoFormValidation != 'undefined')) {
      uponUnsuccessfulUploadPhotoFormValidation();
    }
    return validated;
  }
  function submitUploadPhotoForm() {
   if (validateUploadPhotoForm()) document.UploadPhotoForm.submit();
    }
</script>

	<h2>{join_message}</h2>

<form  name="UploadPhotoForm" method="POST" enctype="multipart/form-data" action="{url_main}join3.php?cmd=photo" onSubmit="return validateUploadPhotoForm();" style="padding: 0px; margin: 0px;">

<script language="JavaScript" type="text/javascript">
addOnload(setPostAlertFocus);
function setPostAlertFocus()
{
setFocus('UploadPhotoForm','photo_file');
}
</script>

	<h2>{join_message}</h2>

<form  name="UploadPhotoForm" method="POST" enctype="multipart/form-data" action="{url_main}join3.php?cmd=photo" onSubmit="return validateUploadPhotoForm();" style="padding: 0px; margin: 0px;">

<script language="JavaScript" type="text/javascript">
addOnload(setPostAlertFocus);
function setPostAlertFocus()
{
setFocus('UploadPhotoForm','photo_file');
}
</script>
			<div align="center"  style="padding-top: 20px; padding-bottom: 20px;">
				<div align="left" style="width: 631px;">
				
								<h2>{l_people_with_pictures}</h2>
								<b>{l_you_listen_on_top}</b><br>
								<b>{l_recieve_10x}</b><br><br><br>

								<h2>{l_upload_photo}</h2>
								{l_click_browse}<br><br>
					
							<table width="100%"><tr>
								<td rowspan=3><img src="{url_files}nophoto_m.jpg" border=0 class="img_border"></td>
								<td align="right" valign="top"><b>{l_file_location}:</b>&nbsp;</td>
								<td align="left" valign="top">
									<input type="file" name="photo_file" accept="image/gif,image/jpeg,image/png,image/jpg" style="width: 400px;"><br>
									<span>{l_gif_jpg_jpeg_png}</span>
								</td>
							</tr><tr>
								<td align="right" valign="top"><b>{l_photo_name}:</b>&nbsp;</td>
								<td align="left" valign="top"><input type="text" name="photo_name" style="width: 400px;"><br>
									<span>({l_max_10})</span>
								</td>
							</tr><tr>
								<td align="right" valign="top"><b>{l_photo_description}:</b>&nbsp;</td>
								<td align="left" valign="top"><input type="text" name="description" style="width: 400px;"><br>
									<span>({l_max_100})</span>
								</td>
							</tr>
								<td align="center"><a href="#" onclick="javascript:OpenWindow('{url_tmpl_main}popup/photo_tips.html','650','400');">{l_photo_dos}</a></td>
								<td colspan="2" align="center">
									<input type="button" value="{l_upload_photo}" onClick=" submitUploadPhotoForm();" class="button" style=" padding-left: 5px; padding-right: 5px; cursor: pointer; cursor: hand;" title="{l_upload_photo}" onMouseOver="window.status='{l_upload_photo}'; return true;" onMouseOut="window.status=''; return true;">
									<input type="button" value="{l_skip_step}" onClick="skipPhotoUpload();" class="button" style=" padding-left: 5px; padding-right: 5px; cursor: pointer; cursor: hand;" title="{l_skip_step}" onMouseOver="window.status='{l_skip_step}'; return true;" onMouseOut="window.status=''; return true;">		
								</td>
							<tr>
							</tr></table>
						</div>
					</div>
</form>




</div></div></div></div></div></div></div></div></div>


{footer}